/* Your app custom files in this file */
/* Tab bar icons */
i.tabbar-demo-icon-1 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23929292'><g><circle cx='15.2' cy='8.8' r='1.5'/><polygon points='16.7,12.3 16.7,11.7 16.7,11.3 13.7,11.3 13.7,12.3 14.7,12.3 14.7,20.3 13.7,20.3 13.7,21.3 17.7,21.3 17.7,20.3 16.7,20.3'/><path d='M15.2,2.3C8.3,2.3,2.7,7.9,2.7,14.8s5.6,12.5,12.5,12.5c6.9,0,12.5-5.6,12.5-12.5S22.1,2.3,15.2,2.3z M15.2,26.3 c-6.3,0-11.5-5.2-11.5-11.5S8.8,3.3,15.2,3.3s11.5,5.2,11.5,11.5S21.5,26.3,15.2,26.3z'/></g></svg>");
}
.active i.tabbar-demo-icon-1 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 30' fill='%23007aff'><path d='M15,2.6C8.1,2.6,2.5,8.2,2.5,15.1C2.5,22,8.1,27.6,15,27.6S27.5,22,27.5,15.1C27.5,8.2,21.9,2.6,15,2.6z M15,7.6 c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5C13.5,8.3,14.2,7.6,15,7.6z M17.5,21.6h-4v-1h1v-8h-1v-1h3V12 v0.6v8h1V21.6z'/></svg>");
}
i.tabbar-demo-icon-2 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23929292'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.4L5.9,1z M24,16H1V7h7.1 c0.5,1.9,2.3,3.4,4.4,3.4s3.9-1.5,4.4-3.4H24V16z'/></svg>");
}
.active i.tabbar-demo-icon-2 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23007aff'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.3L5.9,1z'/></svg>");
}
i.tabbar-demo-icon-3 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23929292'><path d='M16.8,1c3.7,0,6.8,3,6.8,6.8l0,0.1c0,0,0,0.1,0,0.1l0,1l1,0C27,9,29,11,29,13.5c0,2.5-2,4.5-4.5,4.5H6c-2.8,0-5-2.2-5-5 c0-2.1,1.4-4,3.4-4.7L5,8.1l0.1-0.6C5.3,6,6.5,5,8,5c0.4,0,0.9,0.1,1.3,0.3l0.9,0.5l0.4-0.9C11.8,2.5,14.2,1,16.8,1 M16.8,0 c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4.1,7.3C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5 c0-3-2.5-5.5-5.5-5.5c0-0.1,0-0.2,0-0.2C24.5,3.5,21.1,0,16.8,0L16.8,0z'/></svg>");
}
.active i.tabbar-demo-icon-3 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23007aff'><path d='M24.5,8c0-0.1,0-0.2,0-0.2C24.5,3.5,21,0,16.8,0c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4,7.3 C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5C30,10.5,27.5,8,24.5,8z'/></svg>");
}
i.tabbar-demo-icon-4 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23929292'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15,0h-5C9.5,0,8.9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M24,17c0,0.6-0.4,1-1,1H2c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h4.2h0.4 l0.3-0.3l1.2-1.2l0,0.1l1.1-1.2C9.5,1.1,9.8,1,10,1h5c0.3,0,0.5,0.1,0.7,0.3l2.4,2.4L18.4,4h0.4H23c0.6,0,1,0.4,1,1V17z'/><path d='M12.5,4C8.9,4,6,6.9,6,10.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5C19,6.9,16.1,4,12.5,4z M12.5,16 c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5S18,7.5,18,10.5C18,13.5,15.5,16,12.5,16z'/><path d='M12.5,6C10,6,8,8,8,10.5C8,13,10,15,12.5,15s4.5-2,4.5-4.5C17,8,15,6,12.5,6z M12.5,14C10.6,14,9,12.4,9,10.5 C9,8.6,10.6,7,12.5,7S16,8.6,16,10.5C16,12.4,14.4,14,12.5,14z'/></g></svg>");
}
.active i.tabbar-demo-icon-4 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23007aff'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15.1,0h-5C9.5,0,9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M12.5,16c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5c3,0,5.5,2.5,5.5,5.5 C18,13.5,15.5,16,12.5,16z'/><circle cx='12.5' cy='10.5' r='4.5'/></g></svg>");
}
.noicon{
	background:none !important;
}
.topfix{
    position: fixed;
    top: 44px;
}
.hidden{
    display:none;
}
.margin_15{
	margin:15px 0 15px 0;
}
.roundimg_40{
	width: 40px;
	height:40px;
	border-radius: 40px;
}
.roundimg_100{
	width: 100px;
	height:100px;
	border-radius: 100px;
}
.roundimg_80{
	width: 80px;
	height:80px;
	border-radius: 80px;
}
.bold{
	font-weight:bold !important;
}
.yahei{
	font-family:Microsoft Yahei !important;
}
.size_15{
	font-size:15px !important;
}
.size_12{
	font-size: 12px !important;
}
.div_center{
	margin:0 auto;
}
label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox.check-green{background-color:#1dd697;}
.ks-card-header-pic .card-header {
  height: 40vw;
  background-size: cover;
  background-position: center;
}
.accordion-item-expanded .bordertop{
	border-top:1px solid #1dd697;
}
.imgslide{
	height: 250px;
    background-size: cover;
    background-position: center;
}
.block_input{
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border: none;
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 25px;
    color: #000;
    font-size: 17px;
    font-family: inherit;	
}
.partnerlist  a.button {
	font-size:12px;
}
.blur{
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: blur(1px);
}
.clearblur{
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}

/* preloader */
.infinite-scroll-preloader {
	margin-bottom: 10px;
	text-align: center;
}
.infinite-scroll-preloader .preloader {
	width:34px;
	height:34px;
}
/* selectmenu_title */
div.selectmenu_title{
    width: 100%;
    overflow: hidden;
    background: #fff;
    z-index: 4;
}
div.selectmenu_title>ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: solid 1px #d3d3d3;
    background: #F7F7F7;
	overflow: hidden;
    height:44px;
}
div.selectmenu_title>ul>li.threeli{
    float: left;
    width: 33%;
    height: 30px;
	margin-top: 7px;
	text-align: center;
	line-height: 30px;
	border-left: solid 1px #d3d3d3;
	background: url("../img/on_1.png") no-repeat 75% center;
	background-size: 10px;
	font-size: 13px;
}
div.selectmenu_title>ul>li.threeli>span{
    display: block;
	width: 40%;
	text-align: center;
	margin: 0 auto;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
div.selectmenu_title>ul>li.twoli{
    float: left;
    width: 49%;
	height:30px;
	margin-top:7px;
    text-align: center;
    line-height: 30px;
    border-left: solid 1px #d3d3d3;
    background: url("../img/on_1.png") no-repeat 70% center;
	background-size:10px;
	font-size:13px;
}
div.selectmenu_title>ul>li.twoli>span{
    display: block;
    width: 35%;
	text-align: center;
	margin: 0 auto;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
div.selectmenu_title>ul>li.fourli{
    float: left;
    width: 24%;
	height:30px;
    line-height: 30px;
	margin-top: 7px;
    border-left: solid 1px #d3d3d3;
    background: url("../img/on_1.png") no-repeat 82% center;
    background-size: 8px;
	font-size: 13px;
}
div.selectmenu_title>ul>li.fourli>span{
    display: block;
	width: 50%;
	text-align: center;
	margin: 0 auto;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
/* selectmenu_content */
.selectmenu_content{
    position:absolute;
    left:0;
	top:10px;
    width: 100%;
    overflow-y:hidden;
    max-height: 0;
    z-index: 1;
    -webkit-transition-duration: 0.5s;
}

.selectmenu_content>ul{
    margin: 0;
    padding: 0;
    overflow: scroll;
    max-height: 295px;
    width: 100vw;
    border-bottom: solid 1px #d3d3d3;
	-webkit-transition-duration: 0.4s;
}
.selectmenu_content>ul>li{
    line-height: 22px;
    font-size: 13px;
    /*padding-left: 1rem;*/
}

.grade-w-roll{
top: 10px;
max-height:500px;
-webkit-transition-duration: 1s;
}
/*.grade-w-roll::after{
    position: fixed;
    content: "";
    width: 100vw;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    top: 0;
}*/
/*Sort-eject*/
.Sort-Sort{
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 0;
    list-style-type: none;
}
.Sort-Sort>li{
    border-bottom: solid 1px #eee;
    padding: 0;
}
.Sort-height{
    height: 343px;
}
#login .tab a.active,#register .tab a.active,#orderprocess .tab a.active{
	color:#1dd697;	
}
#login .tab .col-50_active,
#register .tab .col-50_active,
#orderprocess .tab .col-50_active,
#myorder .tab .col-50_active,
#myremark .tab .col-50_active{
	border-bottom:3px inset #1dd697;
}
.with-shadow:after {
	position: fixed;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,0.2);
	top:100px;
	z-index: 2;
}
#playingmethoddetail .buttons-row .button:first-child {
    border-radius: 0 0 0 0; 
}
#playmethoddetail-subnav .buttons-row .button:first-child {
    border-radius: 0 0 0 0; 
}
#playingmethoddetail .buttons-row .button:last-child {
     border-radius: 0 0 0 0; 
}
#playmethoddetail-subnav .buttons-row .button:last-child {
     border-radius: 0 0 0 0; 
}
#playingmethoddetail .buttons-row .button {
     border: none; 
	 color: #000;
}
#playmethoddetail-subnav .buttons-row .button {
     border: none; 
	 color: #000;
}
#playingmethoddetail .buttons-row .button.active{
     background: #fff;
	 color: #4cd964;
	 border-bottom: 2px solid #4cd964;
}
#playmethoddetail-subnav .buttons-row .button.active{
     background: #fff;
	 color: #4cd964;
	 border-bottom: 2px solid #4cd964;
}
#selfplayingmethoddetail .buttons-row .button:first-child {
    border-radius: 0 0 0 0; 
}
#selfplaymethoddetail-subnav .buttons-row .button:first-child {
    border-radius: 0 0 0 0; 
}
#selfplayingmethoddetail .buttons-row .button:last-child {
     border-radius: 0 0 0 0; 
}
#selfplaymethoddetail-subnav .buttons-row .button:last-child {
     border-radius: 0 0 0 0; 
}
#selfplayingmethoddetail .buttons-row .button {
     border: none; 
	 color: #000;
}
#selfplaymethoddetail-subnav .buttons-row .button {
     border: none; 
	 color: #000;
}
#selfplayingmethoddetail .buttons-row .button.active{
     background: #fff;
	 color: #4cd964;
	 border-bottom: 2px solid #4cd964;
}
#selfplaymethoddetail-subnav .buttons-row .button.active{
     background: #fff;
	 color: #4cd964;
	 border-bottom: 2px solid #4cd964;
}
.pj-card-header .left{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 15px;
}
.pj-card-header .center{
	position: absolute;
	left: 65px;
	top: 0px;
}
.pj-card-header .right{
	position: absolute;
	right: 15px;
	top: 0px;
}
.pj-card-header:after{
    background-color: #fff;
}
.pj-card-footer:before{
    background-color: #fff;
}
#order .icon-ks-minus,.icon-ks-plus {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #000;
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
}

.mui-numbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 60px;
    height: 35px;
    padding: 0 40px;
    vertical-align: top;
    vertical-align: middle;
    border: solid 1px #bbb;
    border-radius: 3px;
    background-color: #efeff4;
}
.mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn] {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 40px;
    height: 100%;
    padding: 0;
    color: #555;
    border: none;
    border-radius: 0;
    /*background-color: #f9f9f9;*/
}
.mui-numbox .mui-btn-numbox-minus, .mui-numbox .mui-numbox-btn-minus {
    left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.mui-numbox .mui-btn-numbox-plus, .mui-numbox .mui-numbox-btn-plus {
    right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.mui-numbox .mui-input-numbox, .mui-numbox .mui-numbox-input {
    display: inline-block;
    overflow: hidden;
    width: 100%!important;
    height: 100%;
    margin: 0;
    padding: 0 3px!important;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal;
    border: none!important;
    border-right: solid 1px #ccc!important;
    border-left: solid 1px #ccc!important;
    border-radius: 0!important;
}
.introtext{
		line-height: 21px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
#scopelist .card-footer:before {
    text-align: right;
    content: '';
     position: static; 
    /*left: 0;*/
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #e1e1e1;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
     right: 0; 
    /* float: right; */
}
